.banner{
    margin-bottom: 2em;
}

.listfeng{
    .title{
        font-size: 1.5em;
        text-align: center;
        span{
            display: inline-block;
        }

        &:before{
            content: "";
            display: inline-block;
            width: 25%;
            margin: .5em 0;
            border-bottom: 1px solid #cccccc;
        }

        &:after{
            content: "";
            display: inline-block;
            width: 25%;
            margin: .5em 0;
            border-bottom: 1px solid #cccccc;
        }
    }

    .list{
        ul{
            display: flex;
            justify-content: space-between;
            li{
                display: flex;
                flex-direction: column;
                align-items: center;
                margin: 1em;
                img{
                    margin-bottom: .5em;
                }
                span{
                    color: #333333;
                    font-size: 1em;
                }
            }
        }
    }
}

.listbox{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
    .back,.content{
      width:33.3%;
    }

    .content{
      background:#f5f5f5;
      padding:.5em 1em;

      .subject{
        color:#000;
        font-size:1.2em;
        margin-bottom:.5em;
      }

      .info{
        a{
          display: block;
          color:#666666;
        }
      }
    }
}

.app{
    margin-bottom: 1em;
    .title{
        font-size: 1.5em;
        text-align: center;
        margin-bottom: 1em;
        span{
            display: inline-block;
        }

        &:before{
            content: "";
            display: inline-block;
            width: 15%;
            margin: .5em 0;
            border-bottom: 1px solid #cccccc;
        }

        &:after{
            content: "";
            display: inline-block;
            width: 15%;
            margin: .5em 0;
            border-bottom: 1px solid #cccccc;
        }
    }

    .pic{
        width: 100%;
        margin-bottom: 1em;
    }

    .ourapp{
        .all{
            display: flex;
            justify-content: space-between;
            margin-bottom: 1em;
            .job{
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 1em;
                color: #fff;
                font-weight: bold;
                background: #55acee;
                flex-basis: 49%;
                img{
                    transform: scale(.5);
                }
            }
            .personal{
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 1em;
                color: #fff;
                font-weight: bold;
                background: #3b5998;
                flex-basis: 49%;
                img{
                    transform: scale(.5);
                }
            }
        }

        .other{
            display: flex;
                justify-content: center;
                align-items: center;
                font-size: 1em;
                color: #fff;
                font-weight: bold;
                background: #363a42;
                padding: 1.2em 0;
                img{
                    transform: scale(.5);
                }
        }
    }
}

.contact{
    .title{
        font-size: 1.5em;
        text-align: center;
        margin-bottom: 1em;
        span{
            display: inline-block;
        }

        &:before{
            content: "";
            display: inline-block;
            width: 25%;
            margin: .5em 0;
            border-bottom: 1px solid #cccccc;
        }

        &:after{
            content: "";
            display: inline-block;
            width: 25%;
            margin: .5em 0;
            border-bottom: 1px solid #cccccc;
        }
    }
  
    .content{
      margin-bottom: 2em;
      padding: 0 .5em;
      .line{
        margin-bottom:0.5em;
        img{
          width: 1.8em;
        }
        span{
          display: inline-block
        }
      }
      .line2{
        margin-bottom:0.5em;
        display:inline-flex;
        justify-content:space-between;
        align-items: center;
        .item{
          img{
            width: 1.8em;
          }
          span{
            display: inline-block
          }
        }
      }
    }
  
    .map{
      width: 100%;
      height: 15em;
      overflow: hidden;
    }
  }